<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/common.css" rel="stylesheet">
<link href="../css/index.css" rel="stylesheet">
<script src="../js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" href="../css/content.css" />

<title>信息列表</title>

</head>

<body>
 <div class="fanhui">
    <p><a href="#">车辆监控&nbsp;</a></p><p>&gt;&nbsp;</p><p><a href="#">车辆监控&nbsp;</a></p><p>&gt;&nbsp;</p><p><a href="#">车辆动态&nbsp;</a></p>
 </div>
<div class="zonglan">
	<div class="ditu" >
    	<img src="../images/ditu1.png" width="100%" height="100%" id="tan">
        <div class="sousuo1"><input type="text" placeholder="模糊搜索" class="text"><input type="button" class="btn"></div>
    </div>
    <div class="xinxiliebiao">
    	<h5>信息列表</h5>
        <div class="cheliang">
        	<li><p>山西</p><img src="../images/chelianglieb-heng.png"><p>1300</p></li>
            <li><p>河南</p><img src="../images/chelianglieb-heng.png"><p>1300</p></li>
            <li><p>河南</p><img src="../images/chelianglieb-heng.png"><p>1300</p></li>
            <li><p>安徽</p><img src="../images/chelianglieb-heng.png"><p>1000</p></li>
            <li><p>浙江</p><img src="../images/chelianglieb-heng.png"><p>500</p></li>
            <li><p>湖南</p><img src="../images/chelianglieb-heng.png"><p>3000</p></li>
            <li><p>湖南</p><img src="../images/chelianglieb-heng.png"><p>3000</p></li>
            <li><p>贵州</p><img src="../images/chelianglieb-heng.png"><p>200</p></li>
            <li><p>贵州</p><img src="../images/chelianglieb-heng.png"><p>200</p></li>
            <li><p>云南</p><img src="../images/chelianglieb-heng.png"><p>100</p></li>
            <li><p>云南</p><img src="../images/chelianglieb-heng.png"><p>100</p></li>
        </div>
        <div class="tab" style="display:none;">
        	<div class="subnav">
            	<li tt="teb01" class="active">整车数据</li>
                <li tt="teb02">电机数据</li>
                <li tt="teb03">燃料电池</li>
                <li tt="teb04">极值数据</li>
                <li tt="teb05" style="margin-right:0px; width:20%;">报警数据</li>
            </div>
            <div class="all">
                <div class="subnav-neirong teb01">
                    <li>车辆状态：启动</li> 
                    <li>充电状态：未充电</li>
                    <li>运行模式：纯电模式</li> 
                    <li>车速：20KM/h</li> 
                    <li>累积里程：3600KM</li> 
                    <li>总电压：324V</li>  
                    <li>总电流：10A</li>
                    <li>SOC：98%</li>
                    <li>DC-DC 状态：工作</li>
                    <li>档位：D 档</li>
                    <li>绝缘电阻：5342KΩ</li>
                    <li>加速踏板行程值：20%</li>
                    <li>制动踏板状态：0%</li>
                </div>
                 <div class="subnav-neirong teb02" style="display:none;">
                    <li>驱动电机个数：1 个</li> 
                    <li>驱动电机序号：1</li>
                    <li>驱动电机状态：耗电</li> 
                    <li>驱动电机控制器温度：12°C</li> 
                    <li>驱动电机转速：2300r/min</li> 
                    <li>驱动电机转矩：300N.m</li> 
                    <li>驱动电机温度：23°C</li> 
                    <li>电机控制器输入电压：300V</li> 
                    <li>电机控制器母线电流：20A</li> 
                    <li>驱动电机健康度：90%</li>  
                </div>
                 <div class="subnav-neirong teb03" style="display:none;">
                    <li>燃料电池电压：400V</li> 
                    <li>燃料电池电流：15A</li> 
                    <li>燃料消耗率：5Kg/100Km</li> 
                    <li>燃料电池温度探针总数：1 个</li> 
                    <li>探针温度值：17°C</li> 
                    <li>氢系统中最高温度：26°C</li> 
                    <li>氢系统中最高温度探针代号：1 号</li> 
                    <li>氢气最高浓度：5mg/Kg</li> 
                    <li>氢气最高浓度传感器代号：1 号</li> 
                    <li>氢气最高压力：3MPa</li> 
                    <li>氢气最高压力传感器代号：1 号</li> 
                    <li>高压 DC-DC 状态：工作</li> 
                    <li>发动机状态：启动</li> 
                    <li>曲轴转速：300r/min</li> 
                    <li>燃料消耗率：5Kg/100Km</li> 
                </div>
                <div class="subnav-neirong teb04" style="display:none;">
                    <li>最高电压电池子系统号：1 号</li> 
                    <li>最高电压电池单体代号：1 号</li> 
                    <li>电池单体电压最高值：3.9V</li> 
                    <li>最低电压电池子系统号：1 号</li> 
                    <li>最低电压电池单体代号：1 号</li> 
                    <li>电池单体电压最低值：3.5V</li> 
                    <li>最高温度子系统号：1 号</li> 
                    <li>最高温度探针代号：1 号</li> 
                    <li>最高温度值：18°C</li> 
                    <li>最低温度子系统号：1 号</li> 
                    <li>最低温度探针代号：1 号</li> 
                    <li>最低温度值：18°C</li> 
                    <li></li> 
                    <li></li> 
                    <li></li> 
                </div>
                <div class="subnav-neirong teb05" style="display:none;">
                    <li>最高报警等级：3 级</li> 
                    <li>报警描述：SOC过低</li> 
                    <li>最高报警等级：2 级</li> 
                    <li>报警描述：刹车踏板故障</li> 
                </div>
            </div>

        <script>
			$(document).ready(function(e) {
				$(".subnav li").click(function(){
			
					$(this).addClass("active").siblings().removeClass("active");
					
					var tt=$(this).attr("tt");
					$(this).parents(".subnav").siblings(".all").children("."+tt).show().siblings().hide();
					
					});
			});

</script>
        </div>
    </div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	$("#tan").click(function(){
		$(".tab").show();
		$(".cheliang").hide();
		
	});
});
</script>

<!--查询弹框开始-->
<div class="showbox">
		<div class="shang"><p>17位车架号<span>（所属单位：奇瑞汽车股份有限公司）</span></p><a class="close" href="#"><img src="../images/cha.png"></a></div>
		<div class="mainlist">
			<ul>
            	<li>车辆状态：启动</li>
                <li>模式：纯电</li>
                <li>注册时间：2016年10月26日</li>
            </ul>
            <ul>
            	<li>定位状态：有效</li>
                <li>方向：西南</li>
                <li>数据时间：2016年10月27日</li>
            </ul>
            <ul>
            	<li style="margin-right:25px;">GPS 车速：20KM/h</li>
                <li>位置：江苏省常州市钟楼区玉龙路星港路附近</li>
            </ul>
            <ul>
            	<li style="margin-right:10px;"><a href="jingtaixinxi.html">静态信息</a></li>
                <li style="margin-right:10px;"><a href="chelianggenzhong.html">车辆跟踪</a></li>
                <li style="margin-right:10px;"><a href="guijihuifang.html">轨迹回放</a></li>
                <li style="margin-right:10px;"><a href="shujuxiangqing.html">数据详情</a></li>
            </ul>
		</div>
	</div>	
<script type="text/javascript">
$(document).ready(function(){
	$("#tan").click(function(){
		var box =300;
		var th= $(window).scrollTop()+$(window).height()/1.6-box;
		var h =document.body.clientHeight;
		var rw =$(window).width()/2-box;
		$(".showbox").animate({top:th,opacity:'show',width:585,height:280,right:rw},500);
		$("#zhezhao").css({
			display:"block",height:$(document).height()
		});
		return false;
	});
	$(".showbox .close").click(function(){
		$(this).parents(".showbox").animate({top:0,opacity: 'hide',width:0,height:0,right:0},500);
		$("#zhezhao").css("display","none");
	});
});
</script>
<!--查询弹框结束-->

</body>
</html>
